<!DOCTYPE html>
<html>
  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width" />
    <title>Oni - Evento Actual </title>
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" />
    <link rel="stylesheet" type="text/css" href="css/home/home.css" />
    <link rel="stylesheet" type="text/css" href="css/home/eventos_amigos.css" />

    <script src="js/modernizr.js"></script>
  </head>
  <body>
  <header></header>
  <div id="main_wrapper">


    <div id="header">
       <div id="nav_mis_container">
          <a id="nav_ev_act" href="nuevo_evento_actual.html">Evento <span class="blue_font_menu">Actual</span></a>
          <a id="nav_ev_pas" href="mis_eventos.html">Eventos <span class="blue_font_menu">Pasados</span></a>
        </div>
      <nav>
        <a id="nav_nuevo" href="nuevo_evento.html">Nuevo <span class="blue_font_menu">Evento</span></a>
        <a id="nav_mis_ev" href="mis_eventos.html">Mis <span class="blue_font_menu">Eventos</span></a>

        <a href="" id="logo"></a>
        <a id="nav_amigos" href="eventos_amigos.html">Eventos de <span class="blue_font_menu">Mis Amigos</span></a>
        <a id="nav_acerca" href="">¿Qué es <span class="blue_font_menu">NutriONI?</span></a>
      </nav>

    </div>
    <div id="main_content">

      <div id="panel_overlay">
        <div id="flag_top_head"></div>
        <div id="ballons_float_right"></div>
        <div class="friend_panel_fb">
          <table cellspacing="0" cellpadding="0" id="uid_fb_01" class="friend_event_table">
            <tr class="table_header" >
              <td><div class="friend_photo"><img class="over_frame" src="img/evento_amigos/frame_img.png"><img src="img/nuevo_evento/fb_user_icon02.jpg"><p class="fb_user_name">Johnny Jarquin</p></div></td>
              <td>&nbsp;</td>
              <td>Meta</td>
              <td>Recaudado</td>
              <td>Niños beneficiados</td>
            </tr>
            <tr class="table_event" id="event_01">
              <td class="event_name"><span>Carne Asada - Final Olimpicos</span></td>
              <td class="event_type"><div class="actual">Actual</div></td>
              <td>$1500</td>
              <td>$1700</td>
              <td>14</td>
            </tr>
            <tr class="table_event" id="event_02">
              <td class="event_name"><span>Despedida de Soltero</span></td>
              <td class="event_type"><div class="pasado">Pasado</div></td>
              <td>$1500</td>
              <td>$1700</td>
              <td>10</td>
            </tr>
            <tr class="table_event" id="event_03">
              <td class="event_name"><span>Cumpleaños Grupal</span></td>
              <td class="event_type"><div class="pasado">Pasado</div></td>
              <td>$1500</td>
              <td>$1700</td>
              <td>5</td>
            </tr>
            <tr class="table_event" id="event_04">
              <td class="event_name"><span>Cena de Gala</span></td>
              <td class="event_type"><div class="pasado">Pasado</div></td>
              <td>$1500</td>
              <td>$1700</td>
              <td>7</td>
            </tr>
            <tr class="table_event" id="event_05">
              <td class="event_name"><span>Concurso de Disfraces</span></td>
              <td class="event_type"><div class="pasado">Pasado</div></td>
              <td>$1500</td>
              <td>$1700</td>
              <td>5</td>
            </tr>
          </table>
          <table cellspacing="0" cellpadding="0" id="uid_fb_02" class="friend_event_table">
            <tr class="table_header" >
              <td><div class="friend_photo"><img class="over_frame" src="img/evento_amigos/frame_img.png"><img src="img/nuevo_evento/fb_user_icon02.jpg"><p class="fb_user_name">Rotceh Ramirez Gallegos</p></div></td>
              <td>&nbsp;</td>
              <td>Meta</td>
              <td>Recaudado</td>
              <td>Niños beneficiados</td>
            </tr>
            <tr class="table_event" id="event_01">
              <td class="event_name"><span>Concurso de Disfraces</span></td>
              <td class="event_type"><div class="actual">Actual</div></td>
              <td>$1500</td>
              <td>$1700</td>
              <td>14</td>
            </tr>
            <tr class="table_event" id="event_02">
              <td class="event_name"><span>Concurso de Disfraces</span></td>
              <td class="event_type"><div class="pasado">Pasado</div></td>
              <td>$1500</td>
              <td>$1700</td>
              <td>14</td>
            </tr>            
          </table>
          <table cellspacing="0" cellpadding="0" id="uid_fb_03" class="friend_event_table">
            <tr class="table_header" >
              <td><div class="friend_photo"><img class="over_frame" src="img/evento_amigos/frame_img.png"><img src="img/nuevo_evento/fb_user_icon02.jpg"><p class="fb_user_name">Joan Muñoz</p></div></td>
              <td>&nbsp;</td>
              <td>Meta</td>
              <td>Recaudado</td>
              <td>Niños beneficiados</td>
            </tr>
            <tr class="table_event" id="event_01">
              <td class="event_name"><span>Concurso de Disfraces</span></td>
              <td class="event_type"><div class="actual">Actual</div></td>
              <td>$1500</td>
              <td>$1700</td>
              <td>14</td>
            </tr>
            <tr class="table_event" id="event_02">
              <td class="event_name"><span>Concurso de Disfraces</span></td>
              <td class="event_type"><div class="pasado">Pasado</div></td>
              <td>$1500</td>
              <td>$1700</td>
              <td>14</td>
            </tr>
            <tr class="table_event" id="event_03">
              <td class="event_name"><span>Concurso de Disfraces</span></td>
              <td class="event_type"><div class="pasado">Pasado</div></td>
              <td>$1500</td>
              <td>$1700</td>
              <td>14</td>
            </tr>
            
          </table>

        </div> <!-- END  div.friend_panel_fb   --->



      </div>

    </div><!-- END #main_content  -->


  </div> <!-- END #main_wrapper  -->

  <div id="lightbox_wrap" href="javascript:;" style="display: none">
    <div id="lightbox_container">


      <a href="javascript:;" id="btn_add_lightbox"></a>
      <a href="javascript:;" id="btn_close_lightbox"></a>
    </div>

  </div>

  <footer></footer>
  <script src="js/jquery-1.7.2.min.js"></script>
  <script src="js/jquery.fancybox.js"></script>
  <script src="js/home/home.js"></script>
  <script src="js/home/nuevo_evento.js"></script>
</body>
</html>
